<template>
    <view>
        <view class="grid col-3 movie-list">
            <movieCard class="margin-right-sm" v-for="(item,index) in movie_list" :key="index"></movieCard>
        </view>
    </view>
</template>

<script>
    import movieCard from "@/components/movie_card.vue";
    export default {
        name: "movie_list",
        props:{
            movie_list: {
                type: Array,
                default: []
            },
        },
        components: {movieCard}
    }
</script>

<style scoped lang="scss">
    .movie-list {
        uni-view {
            margin: 0 20upx 10upx 0;
            width: calc((100% - 40upx) / 3)
        }

        uni-view:nth-child(3n) {
            margin: 0 0 10upx 0;
        }
    }
</style>
